<template>
	<view >
		<cu-custom bgColor="bg-E96141" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">视频问诊</block>
		</cu-custom>
		<view >
			<view class="page-list-con">
				<view class="one-row">
					<p style="line-height: 60upx;text-indent:65upx;color: #1CBBB4;font-weight: 800;" >
						视频问诊就是患者足不出户，利用互联网技术，只需开启语音或视频，将自己的患病症状及诉求呈现在医生面前，医生根据患者的讲述和视频诊断，给病人给出诊断建议，并提供详细的治疗意见，供病人选择治疗。
						
					</p>
				</view>
				<view style="display: flex;flex-direction: column;padding: 10upx 20upx;">
					<view style="display: flex;margin-bottom: 20upx;">
						<view style="flex: 1;" class="sub">原价：￥30元</view>
						<view style="flex: 1;" class="sub">注册会员：￥10元</view>						
					</view>	
					<view style="flex: 1;margin-bottom: 20upx; display: flex;" >
						<text  style="flex: 1.5"></text>
						<text  style="flex: 1" class="sub">支付总价：￥10元</text>						
					</view>
					<view style="text-align: right;">
						<text class="sub" style="background-color: red;padding: 10upx;font-size: 30upx;" @click="tosub()">发起呼叫</text>
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				price:'30',
				title:'视频问诊',
				ylbPrice:'10',
			}
		},
		methods: {
			tosub(){
				uni.navigateTo({
					url: '/pages/order/submit-order?price=' + this.price + "&orderType=5&title=" + this.title + "&ylbPrice="+ this.ylbPrice
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	uni-page-wrapper{
		background-image: url(../../static/vido.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.sub{
		text-align: center;
		background-color: #1CBBB4;
		color:#FFFFFF;		
		border-radius: 15upx;
		padding: 10upx;
		
		margin-left: 10upx;
	}
	
	/* 分页列表 */
	.space-line{
		width: 100%;
		height: 180px;
	}
	.no-data-con{
		text-align: center;
		padding: 30% 0 0 0;
		image{
			width: 150px !important;
			height: 150px !important;
		}
		.title{
			color: #aaaaaa;
		}
	}
	.page-list-con{
		padding: 20upx;
		color: #999999;
		.one-row{
			width: 100%;
			height: auto;
			overflow: hidden;
			background-color: #FFFFFF;
			margin-bottom: 20upx;
			padding: 20upx;
			border-radius: 10upx;
			border: 1px solid #ececec;
			.left-con{
				width: 30%;
				float: left;
				text-align: center;
				border-right: 1px dashed #cccccc;
				.day-con{
					font-size: 80upx;
					font-weight: bold;
				}
				.year-month-con{
					font-size: 32upx;
					margin-bottom: 10upx;
				}
				.opers{
					font-size: 48upx;
					text{
						font-size: 24upx;
					}
					.btn-1{
						width: 85%;
						background-color: #ff9270;
						height: 56upx;
						line-height: 56upx;
						margin-bottom: 10upx;
					}
				}
			}
		
			.right-con{
				width: 68%;
				float: right;
				border: 0px solid #f00;
				height: 360upx;
				overflow: hidden;
				.title{
					font-size: 26upx;
					font-weight: bold;
					margin-bottom: 10upx;
					height: 50upx;
					line-height: 50upx;
					.account{
						margin-right: 10upx;
						color: #1CBBB4;
					}
					.name{
						float: right;
						color: #EA6040;
					}
				}
				.list-value{
					margin-bottom: 5upx;
				}
			}
		}
		
	}
	

</style>